<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>::VENCEDOR TINTAS GRÁFICAS::</title>
<meta http-equiv="X-UA-Compatible" content="IE=9">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
</head>

<body >

<div id="slider">
  <ul class="slider_tabs">
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
    <li><a>4</a></li>
    <li><a>5</a></li>
  </ul>
  <div class="items">
    <div class="item"> <img src="photos/fondo1.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo2.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo3.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo4.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo5.jpg" alt="" width="100%" height="100%"> </div>
  </div>
</div>

<div class="container_12 zindex">
  <div id="header" class="grid_12"> <a class="f-left" href="index.html"><img src="img/logo.png" alt="Tintas Gráficas" style="margin: 15px 0 0 30px"></a>
    <div id="top_menu" class="f-right">
      <div class="n1" > <a href="tintas_base-solvente.html" title="tintas a base solvente">&#32;</a> </div>
      <div class="n2" > <a href="tintas_base-agua.html" title="tintas a base agua">&#32;</a> </div>
      <div class="n3" > <a href="importaciones.html" title="importaciones y comercialización">&#32;</a> </div>
    </div>
  </div>
</div>
</div>
<div class="container_12 zindex"> <!--<img src="img/barra.png" width="960" height="26">-->
  <div class="fondo-menu2" >
    <div id="top_menu" class="f-left" >
      <div class="n4"> <a href="index.html"  title="inicio"><span class="texto-menu">Inicio</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n5"> <a href="nosotros.html" title="nosotros"><span class="texto-menu">Nosotros</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n6"> <a href="productos.html" title="productos"><span class="texto-menu">Productos</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n7"> <a href="servicio-tecnico.html" title="servicos técnicos"><span class="texto-menu">Servicios Técnicos</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n8"> <a href="contactenos.html" class="activo" title="contáctenos"><span class="texto-menu">Contáctenos</span></a> </div>
    </div>
  </div>
  <div id="content2" class="grid_12 zindex">
    <h1>Contáctenos</h1>
    <img src="img/barra2.png">
  
    <div class="spacer-20">&#32;</div>
    <p>Nam tincidunt velit nec lorem elementum sit amet fringilla est vehicula. Suspendisse quis elit ante, ut interdum nulla. Aenean rutrum purus non lectus accumsan ac fermentum velit imperdiet. 
      Ut nunc lectus, imperdiet a ornare bibendum, tempus id eros. Praesent a mi dolor. Ut semper pretium vehicula. Donec laoreet urna vitae massa sodales ornare. 
      Quisque diam orci, adipiscing ut porta non, rutrum sed dui. Nunc eget urna et orci malesuada fringilla condimentum at arcu. Nam eget purus urna, vestibulum pharetra enim. 
      Sed lacus sapien, adipiscing eleifend malesuada ut, euismod a erat. Fusce mattis dui id mauris tempor eu eleifend urna adipiscing.</p>
    <p>Praesent molestie fermentum dignissim. Quisque ac risus at massa pellentesque egestas vel sit amet quam. Morbi sit amet massa nisi, sit amet molestie nisi. 
      Duis eu est massa, non imperdiet orci. Donec molestie congue lectus, a hendrerit lorem pharetra at.</p>
    <p>Integer auctor lacinia dictum. Nunc ac ipsum nec dui lobortis pellentesque. Aenean nec lacus quis urna scelerisque vehicula ac ac turpis. </p>
    <div class="spacer-20">&#32;</div>
  </div>
</div>
<div class="container_12 zindex">
  <div id="footer" class="grid_12"> <span>Vencedor Tintas Gráficas © 2004 - 2013</span> </div>
</div>
<!-- Javascript --> 
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.tools.min.js"></script> 
<script type="text/javascript" src="js/jquery.color.js"></script> 
<script type="text/javascript">

$(function() {
			
				//submenu
				$("#submenu div a").click(function() {					
					$(this).parent().siblings().find("a").removeClass("active");
					$((this).rel).siblings(".desplegable").slideUp();
					$((this).rel).delay(500).slideToggle();
					$(this).toggleClass("active");
				});
			});

function updateBackground() {
  screenWidth = $(window).width();
  screenHeight = $(window).height();
  bg = $("#bg");
  
  // Proporcion horizontal/vertical
  ratio = 1;
  
  if (screenWidth/screenHeight > ratio) {
    $(bg).height("auto");
    $(bg).width("100%");
  } else {
    $(bg).width("auto");
    $(bg).height("100%");
  }

  if ($(bg).width() > 0) {
    $(bg).css('left', (screenWidth - $(bg).width()) / 2);
  }  
}
$(document).ready(function() {
  updateBackground();
  $(window).bind("resize", function() {
    updateBackground();
  });
  
  var root = $("#autoscroll").scrollable({circular: true}).autoscroll({ autoplay: true });

// provide scrollable API for the action buttons
//window.api = root.data("scrollable3");
});
</script>
<script type="text/javascript">
			//carga del slider
			$(window).load(function() {
				//boton ver mas
				$("a.ver").each(function() {
					$(this).css("height", $(this).siblings("div.mensaje").outerHeight());
				});
				//acomodar fotos
				$("div.item").find("img").css({"top":"50%", "left":"50%"});
				centrarImagenes();
				//slider
				$("ul.slider_tabs").tabs("div.items > div.item", {
					initialIndex:Math.random() * 4,
					effect : 'fade',
					fadeOutSpeed : 'slow',
					rotate : true
				}).slideshow({
					autoplay : true,
					interval : 6000,
					clickable : false,
					prev: '.prev',
					next: '.next'
				});
			});
			$(window).resize(function() {
				centrarImagenes();
			});
			function centrarImagenes()
			{				
				var m_top = -270;
				var m_left = -480;
				if($(window).width() > ($(window).height() * 1.834))
				{
					m_top = 990 * -0.273;
					if($(window).width() > 960)
					{
						m_top = $(window).width() * -0.273;
						m_left = $(window).width()/-2;
					}
					$("div.item").find("img").attr("width", "100%").removeAttr("height").css("margin-top", m_top).css("margin-left", m_left);
				}
				else
				{
					m_left = 540 * -0.917;
					if($(window).height() > 540)
					{
						m_top = $(window).height()/-2;
						m_left = $(window).height() * -0.917;
					}
					$("div.item").find("img").attr("height", "100%").removeAttr("width").css("margin-top", m_top).css("margin-left", m_left);
				}
			}
		</script>
        <noscript>
        	<style type="text/css">
				img { opacity:1; filter:alpha(opacity=100); }
			</style>
        </noscript>
</body>
</html>
